.loginPage {
  background-color: #363845;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  :global {
    .login-wrapper {
      background: #363845;
      box-shadow: 0 5px 20px 0 rgba(0,0,0,0.50);
      border-radius: 6px;
      width: 1000px;
      height: 547px;
      padding: 0 27px 47px;

      header {
        cursor: pointer;
        color: #ffffff;
        text-align: left;
        margin: 16px 0 7px;

        img{
          width:36px;
          height:36px;
          margin-right: 10px;
          vertical-align: text-bottom;
        }

        span {
          vertical-align: text-bottom;
          font-size: 24px;
          text-transform: uppercase;
          display: inline-block;
          line-height: 36px;
        }
      }

      .content {
        display: flex;
        justify-content: space-between;
        align-items: center;

        img {
          width: 712px;
          height: 447px;
        }

        form {
          width: 215px;
        }

        .ant-form-item {
          margin-bottom: 5px;

          &:last-child {
            margin-top: 65px;
          }
        }

        label {
          font-size: 12px;
          color: #ffffff;
          line-height: 12px;
          text-align: left;
          margin-bottom: 7px;

          &.ant-form-item-required:before {
            margin-right: 0;
            content: "";
          }
        }

        input {
          display: block;
          background: #3d424d;
          border-radius: 6px;
          width: 100%;
          height: 40px;
          padding: 0 12px;
          font-size: 18px;
          color: #fff;
          border: none;
          line-height: 18px;

        }

        .ant-input {
          transition: none;
        }

        button {
          width: 100%;
          height: 40px;
          background: #b34351;
          color: #fff;
          font-size: 18px;
          border-radius: 6px;
          border: none;
        }
      }
    }
  }
}
